<div class="header-top" id="home">
	<div class="container">
		<div class="header-logo">
			<a href="/">
				<img src="__PUBLIC__/home/images/logo.png" alt="" />
			</a>
		</div>
		<div class="top-nav">
			<span class="menu"><img src="__PUBLIC__/home/images/menu-icon.png" alt=""/></span>
			<ul class="nav1">
				<li><a href="/">首页</a>
				</li>
				<foreach name="cate" item="vo">
					<li><a href="{:U($vo['url'])}">{$vo.cate_title}</a>
					</li>
				</foreach>

			</ul>
			<!-- script-for-menu -->
			<script>
				$("span.menu").click(function() {
					$("ul.nav1").slideToggle(300, function() {
						// Animation complete.
					});
				});
			</script>
			<!-- /script-for-menu -->
		</div>
		<div class="social-icons">
			
			<ul>
				<li><a href="#" style="display: block;color: #fff;" >登录</a>
				</li>
				<!--<li><a href="#"><span class="fb"> </span></a>
				</li>
				<li><a href="#"><span class="g"> </span></a>
				</li>-->
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<div class="search-box">
		<div id="sb-search" class="sb-search">
			<form>
				<input class="sb-search-input" placeholder="搜索内容..." type="search" name="search" id="search">
				<input class="sb-search-submit" type="submit" value="">
				<span class="sb-icon-search"> </span>
			</form>
		</div>
	</div>
	<div class="header-info-right">
		<div class="header cbp-spmenu-push">
			<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1" style="width: 100px;">
				<foreach name="cate" item="vo">
					<a href="{:U($vo['url'])}" style="width: 100px;">{$vo.cate_title}</a>
				</foreach>

			</nav>
			<!--script-nav -->
			<script>
				$("span.menu").click(function() {
					$("ul.navigatoin").slideToggle("300", function() {});
				});
			</script>
			<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event) {
						event.preventDefault();
						$('html,body').animate({
							scrollTop: $(this.hash).offset().top
						}, 1000);
					});
				});
			</script>
			<div class="clearfix"> </div>
			<!-- /script-nav -->
			<div class="main">
				<section class="buttonset">
					<button id="showLeftPush">
						<img src="__PUBLIC__/home/images/menu.png" /><span>Menu</span>
					</button>
				</section>
			</div>
			<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
			<script src="__PUBLIC__/home/js/classie.js"></script>
			<script>
				var menuLeft = document.getElementById('cbp-spmenu-s1'),
					showLeftPush = document.getElementById('showLeftPush'),
					body = document.body;
				showLeftPush.onclick = function() {
					classie.toggle(this, 'active');
					classie.toggle(body, 'cbp-spmenu-push-toright');
					classie.toggle(menuLeft, 'cbp-spmenu-open');
					disableOther('showLeftPush');
				};
			</script>
		</div>
	</div>
</div>